<template>
  <section>
    <el-row :gutter="20">
      <el-col :span="6">
        <el-card>
          <div>
            <el-form label-width="100px">
              <el-form-item label="姓名">
                <el-input></el-input>
              </el-form-item>
              <el-form-item label="学号">
                <el-input></el-input>
              </el-form-item>
              <el-form-item label="专业">
                <el-input></el-input>
              </el-form-item>
              <el-form-item label="班级">
                <el-input></el-input>
              </el-form-item>
            </el-form>
          </div>
        </el-card>
      </el-col>
      <el-col :span="18">
        <el-card>
          <div>
            <el-form :inline="true">
              <el-form-item label="课程名称">
                <el-input></el-input>
              </el-form-item>
              <el-form-item label="逻辑班号">
                <el-input></el-input>
              </el-form-item>
            </el-form>
            <el-table stripe>
              <el-table-column label="序号" type="index"></el-table-column>
              <el-table-column label="科目"></el-table-column>
              <el-table-column label="时间限制"></el-table-column>
              <el-table-column label="状态"></el-table-column>
              <el-table-column label="考试时间"></el-table-column>
              <el-table-column label="分数"></el-table-column>
              <el-table-column label="操作">
                <template slot-scope="scope">
                  <el-button size="mini" type="parimary">去考试</el-button>
                </template>
              </el-table-column>
            </el-table>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </section>
</template>
<script>
export default {
    data() {
        return {};
    }
};
</script>

<style>
.el-row {
    margin-bottom: 20px;
    &:last-child {
        margin-bottom: 0;
    }
}
.el-col {
    border-radius: 4px;
}
.bg-purple-dark {
    background: #99a9bf;
}
.bg-purple {
    background: #d3dce6;
}
.bg-purple-light {
    background: #e5e9f2;
}
.grid-content {
    border-radius: 4px;
    min-height: 36px;
}
.row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
}
</style>
